*{
    margin: 0;
    padding: 0;
}
.he{
height: 40px;
background-color: blue;
font-size: 20px;

line-height: 40px;
padding-left: 10px;
color: azure;


}
p{




height: 30px;
background-color: blue;
font-size: 20px;
text-align: left;

padding-left: 10px;
 line-height: 30px;
color: azure;
margin-top: 10px;
}
input{
outline: none;
border: 1px solid #ccc;
height: 30px;
width: 260px;
margin-top: 30px;
margin-left: 10px;
border-radius: 40px;
padding-left: 10px;
font-weight: 500;

}
button{
width: 60px;
outline: none;
border-radius: 40px;
border: 1px solid #ccc;
background-color: #1d6dff;
color: white;

left: 224px;
top: 70px;
font-weight: 500;

position: absolute;
height: 32px;
}
.box{ 
       /* padding-bottom: 120px; */
       padding-top: 90px;
      margin-top: 30px;
      margin-bottom: 40px;
       height: 300px;
       /* background-color: #1d6dff; */
        overflow: hidden;
        list-style: none;
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        position: relative;
        align-content: center;

}
.box img{
width: 60px;
height: 60px;
border-radius: 50%;
margin-bottom: 6px;

}
.box li{
  
width: 80px;
height: 80px;
display: flex;
flex-direction: column;
justify-content:space-between ;
align-items: center;
position: relative;
font-size: 15px;
font-weight: 600;
margin: 20px 0;
margin-top: 10px;

}


.ko li{


height: 200px;
/* background-color: aqua; */

display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
.ko img{
width: 80px;
height: 120px;
position: absolute;
top: 30px;
left: 8px;



}
.ko span{
color: red;
}
h4{
position: absolute;
left: 90px;
top: 40px;
font-size: 16px;

}
.di{
position: absolute;
left: 90px;
top: 130px;
font-size: 14px;
}
.di2{
position:absolute;
left: 250px;
top: 130px;
font-size: 14px;

}